<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <title>Title</title>
    <link href="font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/article.css">
    <link rel="stylesheet" href="css/less/temp.css">
    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="js/slideshow.js"></script>
    <style>
        body{
          background: url("images/body2.jpg") no-repeat;
         width: 100%;
            height: 100%;
        }

    </style>
</head>
<body>


<div id="login-box">
    <h1>Login</h1>
    <div class="form">
        <div class="item">
            <i class="fa fa-user-circle-o"></i>
            <input type="text" placeholder="Username">
        </div>
        <div class="item">
            <i class="fa fa-user-circle-o"></i>
            <input type="text"  placeholder="Password">
        </div>
        <button>Login</button>
    </div>

</div>

</body>
</html>
